<template>
  <nav>
      <div class="navleft">
          <img src="../assets/images/home (9).png" alt="">
          <input type="text" style="border:none;" placeholder="输入您要搜索的宝贝..">
      </div>
      <div class="navRight">
          <img src="../assets/images/home (8).png" alt="">
            <div></div>
      </div>
  </nav>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
    nav{
        width:100%;
        height: 1.1733rem;
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .navRight{
            width: 1.5467rem;
            height: 100%;
            display: flex;
            position: relative;
            justify-content: center;
            align-items: center;
            border-left: #E5E5E5 1px solid;
            >img{
                width:0.6267rem;
                height:0.6267rem;
            }
            >div{
                width: 0.1333rem;
                height: 0.1333rem;
                background: #EB004A;
                border-radius: 50%;
                position: absolute;
                top: 0.24rem;
                right: 0.3867rem;
            }
        }
        .navleft{
            flex: 1;
            font-size: 0.4rem;
            display: flex;
            font-weight: 500;
            color: #AAAAAA;
            >img{
                width: 0.4rem;
                height: 0.4rem;
                margin: 0 0.1333rem 0 0.4rem;
                position: relative;
                top: 1px;
            }
        }
    }
</style>